.open-live {
  width: 100%;
  min-height: 100vh;
  padding: 100rpx 20rpx;
  line-height: 1.2;

  .field-list {
    margin-top: 60rpx;
    background-color: #fff;
    border-radius: 20rpx;
    padding: 40rpx 30rpx;
  }

  .field {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333;
    padding: 26rpx 0;

    .field-label {
      width: 160rpx;
      flex-shrink: 0;
      font-size: 34rpx;
      font-weight: bold;
    }

    .field-value {
      margin-left: 10rpx;
      flex: 1;
      display: flex;
      align-items: center;
    }
  }

  //发表的图片信息
  .release__imgs {
    background-color: #fff;
    margin-top: 20rpx;
    padding: 20rpx;
    border-radius: 20rpx;
    display: flex;
    flex-direction: column;

    .release__imgs-title {
      padding: 40rpx 0;
      font-size: 34rpx;
      font-weight: bold;
    }

    //图片反显
    .works-item {
      position: relative;
      width: 200rpx;
      height: 200rpx;
      border-radius: 16rpx;
      overflow: hidden;

      .works-item__image {
        position: relative;
        width: 100%;
        height: 100%;
      }

      //删除图标
      .close-css_icon {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #f4f4f4;
        border-radius: 50%;

        &::before,
        &::after {
          width: 30rpx;
          height: 4rpx;
        }
      }
    }

    //添加图片
    .add-image {
      width: 200rpx;
      height: 200rpx;
      background: #f5f5f7;
    }

    .cross-css_icon::before,
    .cross-css_icon::after {
      background-color: #878787;
    }
  }

  .begin {
    width: 60%;
    color: #fff;
    padding: 20rpx;
    margin: 100rpx auto;
    border-radius: 999rpx;
    text-align: center;
    background-color: orangered;
  }
}
